.appLike {
  .appLikeOne {
    .appLikeOneNavBar {
    }

    .appLikeOneContent {
      height: calc(100vh - 45px);
      overflow-y: scroll;
      .oneContentItem {
        box-sizing: border-box;
        padding: 8px 16px;
        color: #323233;
        font-size: 12px;
        display: flex;
        .itemLeft {
          width: 88px;
          height: 88px;
          img {
            width: 88px !important;
            height: 100%;
            border-radius: 10px;
          }
        }

        .itemRight {
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          .itemRightTop {
            padding-left: 5px;
            .itemRightTopName {
              font-size: 12px;
              line-height: 16px;
              text-align: left;
            }

            .itemRightTopDescript {
              font-size: 12px;
              line-height: 20px;
              color: #646566;
              text-align: left;
              float: left;
              //超出行则省略
              display: -webkit-box;
              overflow: hidden;
              -webkit-line-clamp: 1;
              -webkit-box-orient: vertical;
            }
          }

          .itemRightBottom {
            text-align: left;
            color: #323233;
            font-size: 12px;
            display: flex;
            justify-content: space-between;
            align-content: center;
            width: 247px;
            .itemRightBottomPrice {
              span {
                font-size: 16px;
              }
            }

            .itemRightBottomStock {
              color: #969799;
            }
          }
        }
      }
    }
  }
  .hidden {
    display: none;
  }
  .appLikeTwo {
    display: flex;
    flex-direction: column;
    .likeContent {
      height: calc(100vh - 50px);
      overflow-y: scroll;
      overflow-x: hidden;
      .appLikeTwoNavBar {
      }

      .appLikeTwoContent {
        .twoContentItem {
          box-sizing: border-box;
          padding: 8px 16px;
          color: #323233;
          font-size: 12px;
          display: flex;
          .itemLeft {
            flex: 1;
            justify-content: center;
            align-items: center;
            align-self: center;
            .icon-xuanzhongyuandian {
              color: #c8c9cc;
            }
          }

          .itemMiddle {
            flex: 2;
            width: 88px;
            height: 88px;
            img {
              width: 88px !important;
              height: 100%;
              border-radius: 10px;
            }
          }

          .itemRight {
            flex: 7;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            .itemRightTop {
              padding-left: 5px;
              .itemRightTopName {
                font-size: 12px;
                line-height: 16px;
                text-align: left;
              }

              .itemRightTopDescript {
                font-size: 12px;
                line-height: 20px;
                color: #646566;
                text-align: left;
                float: left;
                //超出行则省略
                display: -webkit-box;
                overflow: hidden;
                -webkit-line-clamp: 1;
                -webkit-box-orient: vertical;
              }
            }

            .itemRightBottom {
              text-align: left;
              color: #323233;
              font-size: 12px;
              display: flex;
              justify-content: space-between;
              align-content: center;
              width: 247px;
              .itemRightBottomPrice {
                span {
                  font-size: 16px;
                }
              }

              .itemRightBottomStock {
                color: #969799;
              }
            }
          }
        }
      }
    }
    .likeBottom {
      height: 50px;
      width: 100vw;
      background-color: #fff;
      display: flex;
      justify-content: space-between;
      padding: 18px;
      align-self: center;
      align-content: center;
      .likeBottomLeft {
        font-size: 12px;
        color: #323233;
        span {
          color: #c8c9cc;
          margin-right: 10px;
        }
      }

      .likeBottomRight {
        width: 110px;
        height: 40px;
        background:linear-gradient(to right,#ff6034,#ee0a24);
        border-radius: 999px;
        display: flex;
        text-align: center;
        justify-content: center;
        line-height: 40px;
        color: #fff;
        align-self: center;
      }
    }
  }
}
